/*
 * ======================================================
 * New CSS for Project.
 * ======================================================
 */

@font-face {
    font-family: "Signika";
    font-style: normal;
    font-weight: 300;
    src: local("Signika-Light"), url("http://themes.googleusercontent.com/static/fonts/signika/v3/koFYE26bhT88HgRA8f4vbb3hpw3pgy2gAi-Ip7WPMi0.woff") format("woff");
}
@font-face {
    font-family: "Arvo";
    font-style: normal;
    font-weight: 400;
    src: local("Arvo"), url("http://themes.googleusercontent.com/static/fonts/arvo/v5/BM-nqL-L5PgjKPDNaleWB_esZW2xOQ-xsNqO47m55DA.woff") format("woff");
}

body {
    background: url("../images/background.jpg") repeat scroll 0 0 #F7F5F5;
	font: 17px 'Signika',sans-serif; 
}

#page-layout {
	padding: 1% 5%;	
	margin-bottom:1%;
	}

#navbar-rhs-layout {
	margin: 2px 7% 0 0;
	padding-top: 6px;
}
   
.thumb-content {
 	color: #333333;
 	font: 17px/1.4 'Signika',"lucida grande",sans-serif;
}

.thumb-header {
	font: bold 21px/1em 'Arvo',"lucida grande",sans-serif;
}

/* 
 * HR tag
 * Faded out hr 
 */
hr.soften {
  height: 1px;
  margin: 15px 0;
  background-image: -webkit-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,.2), rgba(0,0,0,0));
  background-image:    -moz-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,.2), rgba(0,0,0,0));
  background-image:     -ms-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,.2), rgba(0,0,0,0));
  background-image:      -o-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,.2), rgba(0,0,0,0));
  border: 0;
}


.thumb-width { 
	width: 232px;
}

.thumb-container {
  margin: 8px;
  padding: 10px 10px 0;
  background: #FFFFFF;
  font-size: 12px;
  line-height: 1.4em;
  float: left;
  -webkit-box-shadow: 0 1px 3px rgba(34, 25, 25, 0.4); 
  -moz-box-shadow: 0 1px 3px rgba(34, 25, 25, 0.4); 
  box-shadow: 0 1px 3px rgba(34, 25, 25, 0.4); 
  min-height: 300px;
  height: auto;
  display: none;
}

.thumb-container img{
  display: block;
}

.thumb-container p {
	font: 16px 'Signika',"lucida grande",sans-serif;
	color: #333333;
	padding-left: 2px;
    padding-right: 2px;	
}



.thumb-container a, 
.thumb-container a:link, 
.thumb-container a:visited,  
.thumb-container a:hover, 
.thumb-container a:active {
	text-decoration: none;
}

#floating {
    position:fixed !important;
	position:absolute; /*ie6 */
	bottom:1em;
	right:1em;
	float: right; 
	vertical-align: bottom;
}

.ui-autocomplete-loading {
        background: white url("../images/ui-loading-16x16.gif") right center no-repeat;
}

.ui-corner-all, .ui-menu-item{
	font: 15px 'Signika',"lucida grande",sans-serif;
}

.ui-autocomplete {
    max-height: 152px;
    overflow-y: auto;
    /* prevent horizontal scrollbar */
    overflow-x: hidden;
    /* add padding to account for vertical scrollbar */
    /* padding-right: 20px; */
}
/* IE 6 doesn't support max-height
 * we use height instead, but this forces the menu to always be this tall
 */
* html .ui-autocomplete {
    height: 152px;
}
    
/*
 * ======================================================
 * Change existing bootstrap CSS
 * ======================================================
 */
.navbar .brand {
	font: bold 21px 'Signika',"lucida grande",sans-serif;
	color: #c3325f;
	margin-left: 3.6%;
    padding: 6px 23px;
}

.navbar .nav > li > a:focus, .navbar .nav > li > a:hover {
    background-color: transparent;
    color: #049cdb;
    text-decoration: none;
}

.nav-collapse .nav > li > a, .nav-collapse .dropdown-menu a {
	margin-left: 5%;
}

.thumbnail {
	padding: 8px;
}

h3 {
    font-size: 21.5px;
    line-height: 20px;
    color: #DD4B39;	
    padding-left: 2px;
    padding-right: 2px;
}

.navbar .container {
    Width:100%;
}

.hero-unit {
	margin-bottom: 10px;
	padding: 50px;
	background-color: #DFF0D8;
	border-color: #D6E9C6;	
}